body {
	font: 0.75em/1.5 Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
	background:url(../../images/backend//body-bg.gif) top left repeat-x #fff;
	color:#555;
}

input, textarea {
	font: 1em/1.5 Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
	color:#555;
	border:1px solid #b5b5b5;
	padding: 3px;
}

select {
	font: 1em/1.5 Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
	color:#555;
	border:1px solid #b5b5b5;
	padding: 1px;
}

a {
	color:#222;
	text-decoration:none;
}

a:focus {
	outline: 1px dotted;
}

a:hover {
	text-decoration:underline;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 2em;
	margin-bottom:0px;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-weight:bold;
}

h3.title {
	background-color: #e5e5e5;
	padding:10px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

div.spacing {
	margin-bottom:20px;
}

/* typhography
---------------------------------- */
acronym, abbr {border-bottom: 1px dotted #cfcfcf;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.align-justify {
	text-align:justify;
}

div.left {
	float:left;
}

div.right {
	float:right;
}


/* column 
---------------------------------- */
.column50 {
	width:49%;
	float:left;
	padding:0;
}

.grid_4 .column50, .grid_5 .column50 ,.grid_6 .column50 {width:47%;}

/* module
---------------------------------- */
.module .inner-div{
	border: 1px solid #b5b5b5;
}

.module h5 {
	background:url(../../images/backend//bar-bg.gif) top left repeat-x #e5e5e5;
	border-bottom: 1px solid #b5b5b5;
	padding: 5px 10px;
	margin-bottom: 0;
}

.inner-div > div {
	padding: 5px 10px;
	position:relative;
}

/* message 
---------------------------------- */
.system-message {
	text-align:left;
	padding: 5px 5px 5px 40px;
	background-repeat:no-repeat;
}

.system-message dt {
	font-weight:bold;
}

.msg-success{
	color:#40550d;
	border:1px solid #b2dc4d;
	background:url(../../images/backend//icon/accept.png) 10px 50% no-repeat #cce296;
}

.msg-warning{
	color:#a9a014;
	border:1px solid #efdc90;
	background:url(../../images/backend//icon/error.png) 10px 50% no-repeat #fffecc;
}

.msg-error{
	color:#ff0000;
	border:1px solid #ff0000;
	background:url(../../images/backend//icon/cancel.png) 10px 50% no-repeat #e7928d;
}

/* table
---------------------------------- */
#main-content table {border: 1px solid #b5b5b5}
#main-content table thead {border-bottom: 1px solid #b5b5b5}
#main-content table th, #main-content table td {padding:5px 5px; border: 1px solid #b5b5b5;}
#main-content table thead {background-color: #e5e5e5;}

/* form
---------------------------------- */
span.required {color:#ff0033; font-size:1.5em;}
form h3 {margin: 1em 0;}
label.label,
label.label-block {    	
	font-weight:bold;	
	padding-right: 5%;
}

label.label {width: 30%; display: inline; float: left; position: relative; text-align: right;}
label.label-block {display:block;}

input.tb-small {width:30%;}
input.tb-medium {width:50%;}
input.tb-long {width: 70%;}
.button {
	background:url(../../images/backend//button_hover_bg.gif) top left repeat-x #0277bb;
	border: 1px solid #4396c7;
	padding: 3px 7px;
	cursor:pointer;
	font-size:1em;
	color:#f3f3f3;
}

/* header 
---------------------------------- */
#header {
	background:url(../../images/backend//header-bg.gif) top left no-repeat;
	color:#ccc;
	height:90px !important;
}

#header h1 {
	color:#fff;
}

#header div {
	margin: 10px 0;
}

#header a {
	color:#ccc;
	text-decoration:none;
}

#header a:hover {
	text-decoration:underline;
}

#header #admin-link {
	line-height:60px;
}

/* main content
---------------------------------- */
#main-content {
	margin: 10px 0;
}

/* slidebar
---------------------------------- */
.menu-parent {
	background:url(../../images/backend//p_menu_bg.gif) top left no-repeat #3f3f3f;
	color:#fff;
	padding: 5px 10px;
	font-size:1.1em;	
	border-bottom: 1px solid #b5b5b5;
	font-weight: bold;
}

.menu-child {
	border-left: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	margin-bottom: 10px;
}

.menu-child ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.menu-child ul li {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	border-bottom: 1px solid #e5e5e5;
}

.menu-child ul a {
	display: block;
	outline: none;
	padding: 5px 20px;
	margin: 0;
	text-decoration: none;
	color: #333333;
	background: url(../../images/backend//arrow.png) no-repeat 10px 10px;
}

.menu-child ul li a:hover,
.menu-child ul li a:active,
.menu-child ul li a:focus {
	text-decoration: none;
	background: url(../../images/backend//arrow.gif) no-repeat 10px 10px #F5F5F5;
	color: #16629c;
}

.menu-child ul li.active a {
	font-weight: bold;
	font-style: italic;
	background: url(../../images/backend//arrow.gif) no-repeat 10px 10px #F5F5F5;
	color: #16629c;
}


/* footer 
---------------------------------- */
#footer {
	text-align:center;
	color:#999;
}
#footer a {
	color:#999;
}

#footer p {
	margin-top:10px;
	margin-bottom:30px;
}

/* bottom bar
---------------------------------- */
#bottom-bar {
	z-index:9999;
	position:fixed !important;
	bottom: 0;
	right: auto;	
	border-bottom:none;
	width: 960px;
}

#bar-elements, 
#bar-button {
	background:url(../../images/backend//bar-bg.gif) top left repeat-x #e5e5e5;
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	position:relative;
}

#bar-elements {
	float:left;
	width: 838px;	
}

#bar-button {
	float:right;
	width:120px;
}

.bottom-bar-element {	
	border-right: 1px solid #b5b5b5;	
	width: auto;
	padding: 5px 10px;
	position:relative;
	float:left;
}
.bottom-bar-element a {
	padding-left: 20px;
}

#bar-button .bottom-bar-element {width: 99px;}

/** login
---------------------------------- */
.login-box {
	border: 1px solid #b5b5b5;
	width: 380px;
	position:relative;
	left: 25%;
	margin-top:5em;
	padding:10px;
}
.login-box label {
	display:inline;
	font-weight:bold;
	width:25%;
}
.login-box input.tb-small {width:50%; font-size:1.25em;}
.login-box input.button {font-weight: bold; font-size:1.2em;}